<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/埃舍尔的拓扑世界.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <title>埃舍尔的拓扑世界</title>
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="left">
                <img src="./images/nav-btn.gif" alt="" align="left" width="25px">
                <h1>拓扑宇宙艺术馆</h1>
            </div>
            <div class="right">
                <a href="./index.html" style="color: black;">
                    <h1>首页</h1>
                </a>
                <img src="./images/fdj.png" width="25px" alt="">
            </div>
        </div>
    </div>

    <div class="banner">
        <video src="./video/丑球动画.mp4" autoplay loop controls="controls"></video>
    </div>


    <div class="container2">
        <div class="content">
            <div class="box1">
                <p>
                    埃舍尔的旅游影响启发了他对于自然的观察，1922年至1924间前往义大利佛罗伦斯旅游，也曾参观法国拉斯科洞穴的原始壁画，这些景色都成为他早期版画中的风景及自然灵感。
                </p>
                <p>
                    1922年艾雪前往西班牙旅游，参观了阿罕布拉宫，伊斯兰建筑的连续镶嵌几何图形，启发了他日后的几何镶嵌作品。他擅长以重复排列的图形填充画面空间，甚至将平面的画面转变为凹或凸的球面，让图形排列的透视效果更显著。
                </p>
                <p>
                    他不断挑战平面与立体的界线，甚至再加上循环画面的技术，使观众无法确认画面的开始与结束。
                </p>
            </div>
            <br><br><br>
            <hr>
            <hr>
            <div class="box2">
                <div class="img">
                    <img src="./images/08.png" width="480px" alt="" align="center">
                </div>
                <p>《相对论》是埃舍尔创作的版画，它描绘了一个不适用正常重力定律的世界。建筑结构似乎是一个田园诗般的社区的中心，大多数居民随意地从事他们的日常事务，比如餐饮。有通往公园般户外环境的窗户和门口。所有人物都穿着相同的服装，并有毫无特色的灯泡形头部。在埃舍尔的许多其他作品中都可以找到诸如此类的相同人物。

                    在相对论的世界中，存在三个引力源，每个都与另外两个正交。每个居民都住在一个重力井中，那里适用正常的物理定律。有十六个字符，分布在每个重力源之间，六个在一个中，另外两个中每个五个。平版印刷的明显混淆来自三个重力源被描绘在同一空间中的事实。
                </p>
                <div class="img">
                    <img src="./images/06.png" width="1200px" alt="" align="center">
                </div>
            </div>
            <div class="square">
                <a href="#"><img src="./images/02.png" width="65px" alt=""></a>
            </div>
            <div class="box2 box3">
                <div class="img">
                    <img src="./images/09.png" width="450px" alt="" align="center">
                </div>
                <p>《瀑布》是埃舍尔创作的版画，它描绘了一种永动机水车，其中水从瀑布底部沿着渠道流动到瀑布顶部，再顺着瀑布顺流而下，如此循环不已。虽然大多数的平面艺术家使用相对的比例来产生深度错觉，但埃舍尔在这部作品以及其他创作中使用相互矛盾的元素来创造视觉上的悖论，其在水流渠道上使用了两个彭罗斯三角来达成这种效果。</p>
                <div class="img">
                    <img src="./images/07.png" width="1000px" alt="" align="center">
                </div>
            </div>
            <div class="square">
                <a href="https://v3d.net/h62"><img src="./images/02.png" width="65px" alt=""></a>
            </div>
            <br><br>
        </div>
    </div>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide text-t1" ><img src="images/lbt1.gif"   width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t2" ><img src="images/lbt2.gif"   width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t3" ><img src="images/lbt3.gif"   width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t4" ><img src="images/lbt4.gif"   width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t5" ><img src="images/lbt5.gif"   width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t6" ><img src="./images/lbt6.png" width="200px" height="200px" alt=""></div>
        </div>
    </div>
    <br><br>
    <script src="./js/swiper.min.js"></script>

    <script>
        var mySwiper = new Swiper('.swiper', {
            slidesPerView: 3,
            loop: true, // 循环模式选项
            speed: 3000, //图片切换速度
            autoplay: true,  //图片自动切换
            grabCursor: true,  //鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
        })        
    </script>
</body>

</html>